<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>DREAMWORLDS</title>

  <!-- CSS Linked -->
  <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
  <link rel="stylesheet" href="../assets/css/owl.carousel.min.css">
  <link rel="stylesheet" href="../assets/css/owl.theme.default.min.css">
  <link rel="stylesheet" href="../assets/css/remixicon.min.css">
  <link rel="stylesheet" href="../assets/css/odometer.min.css">
  <link rel="stylesheet" href="../assets/css/flaticon.css">
  <link rel="stylesheet" href="../assets/css/aos.css">
  <link rel="stylesheet" href="../assets/css/style.css">
  <link rel="stylesheet" href="../assets/css/responsive.css">

  <!-- favicon Linked -->
  <link rel="icon" type="image/png" href="../assets/img/favicon.png">
  <script src="https://www.google.com/recaptcha/api.js?render=explicit" async defer></script>
  <style>
    .modal {
      display: none;
      position: fixed;
      z-index: 1;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgb(0,0,0);
      background-color: rgba(0,0,0,0.4);
      padding-top: 60px;
    }
    .modal-content {
      background-color: #fefefe;
      margin: 5% auto;
      padding: 20px;
      border: 1px solid #888;
      width: 80%;
    }
    .close {
      color: #aaa;
      float: right;
      font-size: 28px;
      font-weight: bold;
    }
    .close:hover,
    .close:focus {
      color: black;
      text-decoration: none;
      cursor: pointer;
    }
  </style>
</head>
<body>

<!-- Start Navbar Area -->
<nav class="navbar navbar-expand-lg mb-nav" id="navbar">
  <div class="container-fluid">
    <a class="navbar-brand" href="../index.html">
      <h2>DREAMWORLDS</h2>
    </a>
    <!--                侧边菜单栏开关-->
    <a class="navbar-toggler text-decoration-none" data-bs-toggle="offcanvas" href="#navbarOffcanvas" role="button" aria-controls="navbarOffcanvas">
                    <span class="burger-menu">
                        <span class="top-bar"></span>
                        <span class="middle-bar"></span>
                        <span class="bottom-bar"></span>
                    </span>
    </a>
    <div class="collapse navbar-collapse">
      <ul class="navbar-nav">
        <li class="nav-item">
          <a href="../index.html" class="nav-link active">
            Home
          </a>
        </li>

        <!--<li class="nav-item">
            <a href="javascript:void(0)" class="dropdown-toggle nav-link">
                Pages
            </a>
            <ul class="dropdown-menu">
                <li class="nav-item">
                    <a href="about.html" class="nav-link">
                        About Us
                    </a>
                </li>
                <li class="nav-item">
                    <a href="team.html" class="nav-link">
                        Team
                    </a>
                </li>
                <li class="nav-item">
                    <a href="pricing.html" class="nav-link">
                        Tokens
                    </a>
                </li>

                <li class="nav-item">
                    <a href="terms-conditions.html" class="nav-link">
                        Tearm & Condition
                    </a>
                </li>

                <li class="nav-item">
                    <a href="privacy-policy.html" class="nav-link">
                        Privacy Policy
                    </a>
                </li>

                <li class="nav-item">
                    <a href="EN-art5-04.html" class="nav-link">
                        404 Error Page
                    </a>
                </li>
            </ul>
        </li>-->

        <li class="nav-item">
          <a  href="https://t.me/DMDcoinEnglish" target="_blank" class="nav-link">
            Community（Telegram)
          </a>
        </li>

        <li class="nav-item">
          <a href="https://chen-bing-bingsorganization.gitbook.io/dreamworlds/1.project-overview" class="nav-link" target="_blank">
            White paper
          </a>
        </li>
        <li class="nav-item">
          <a href="javascript:void(0)" class="dropdown-toggle nav-link">
            Language
          </a>
          <ul class="dropdown-menu">
            <li class="nav-item">
              <a href="../index_zn_CN.html" class="nav-link">
                简体中文
              </a>
            </li>
            <li class="nav-item">
              <a href="../index_zn_TW.html" class="nav-link">
                繁體中文
              </a>
            </li>
          </ul>
        </li>
        <!--                  旧版钱包链接按钮-->
        <div class="nav-btn">
          <button class="default-btn" id="connectWalletButton">
            Connect Wallet
            <i class="ri-arrow-right-line"></i>
          </button>
        </div>

        <!--                        新版钱包按钮-->
        <!--                        <div class="nav-btn">-->
        <!--                            <button class="default-btn" id="connectButton" onclick="executeRecaptcha()">-->
        <!--                                Connect Wallet-->
        <!--                                <i class="ri-arrow-right-line"></i>-->
        <!--                            </button>-->
        <!--                            &lt;!&ndash; 新增的复制钱包地址按钮 &ndash;&gt;-->
        <!--                            <button class="default-btn" id="copyButton" style="display: none;">-->
        <!--                                Copy Wallet Address-->
        <!--                                <i class="ri-file-copy-line"></i>-->
        <!--                            </button>-->
        <!--                            &lt;!&ndash; 状态显示，如有需要可以取消注释 &ndash;&gt;-->
        <!--                            &lt;!&ndash; <div id="status">Wallet Status: Not Connected</div> &ndash;&gt;-->
        <!--                            <div id="walletDisplay"></div>-->
        <!--                        </div>-->


    </div>
  </div>
</nav>
<!-- End Navbar Area -->
<!--        侧边栏菜单-->
<!-- Start Responsive Navbar Area -->
<div class="responsive-navbar offcanvas offcanvas-end border-0" data-bs-backdrop="static" tabindex="-1" id="navbarOffcanvas">
  <div class="offcanvas-header">
    <a href="../index.html" class="logo d-inline-block">
      <h2>DREAMWORLDS</h2>
    </a>
    <button type="button" class="close-btn bg-transparent position-relative lh-1 p-0 border-0" data-bs-dismiss="offcanvas" aria-label="Close">
      <i class="ri-close-line"></i>
    </button>
  </div>
  <div class="offcanvas-body">
    <ul class="responsive-menu">
      <li class="responsive-menu-list without-icon">
        <a href="../index.html" class="active">Home</a>
      </li>

      <li class="responsive-menu-list without-icon">
        <a href="https://t.me/DMDcoinEnglish" target="_blank" class="nav-link">
          Community（Telegram)</a>
      </li>

      <li class="responsive-menu-list without-icon">
        <a href="https://chen-bing-bingsorganization.gitbook.io/dreamworlds/1.project-overview" class="nav-link" target="_blank">
          White Paper</a>
      </li>
      <li class="responsive-menu-list"><a href="javascript:void(0);" >Language</a>
        <ul class="responsive-menu-items">
          <li><a href="../index_zn_CN.html">简体中文</a></li>
          <li><a href="../index_zn_TW.html">繁體中文</a></li>
        </ul>
      </li>
    </ul>
    <div class="others-option d-md-flex align-items-center">
      <div class="option-item">
        <a class="default-btn" href="https://phantom.app/" target="_blank">
          <i class="ri-arrow-right-line"></i>
          <span>Connect Wallet</span>
        </a>
      </div>
    </div>
  </div>
</div>
<!-- End Responsive Navbar Area -->

<!-- Start Banner Area -->
<div class="banner-area">
  <div class="container-fluid">
    <div class="row align-items-center g-0">
      <div class="col-lg-6">
        <div class="content">

          <h1><span class="grd-color-1" >Dreamworlds</span>
            <br> Create the world</br>
            Feel the world</h1>
          <p>Dreamworld is an open AIGC platform where you can create limitless adaptive and interactive experiences by yourself or with friends. </p>

          <!--                            搜索栏-->
          <div class="searchwrapper">
            <!--                                <div class="searchbox">-->
            <!--                                    <div class="row align-items-center">-->
            <!--&lt;!&ndash;                                        <div class="col-md-6">&ndash;&gt;-->
            <!--&lt;!&ndash;                                            <form>&ndash;&gt;-->
            <!--&lt;!&ndash;                                                <input type="text" class="form-control" placeholder="Search by Keywords...">&ndash;&gt;-->
            <!--&lt;!&ndash;                                            </form>&ndash;&gt;-->
            <!--&lt;!&ndash;                                        </div>&ndash;&gt;-->
            <!--&lt;!&ndash;                            搜索栏选择标签&ndash;&gt;-->
            <!--&lt;!&ndash;                                        <div class="col-md-3">&ndash;&gt;-->
            <!--&lt;!&ndash;                                            <select class="form-control category" id="provider" name="provider">&ndash;&gt;-->
            <!--&lt;!&ndash;                                                <option>deepai</option>&ndash;&gt;-->
            <!--&lt;!&ndash;                                                <option>stabilityai</option>&ndash;&gt;-->
            <!--&lt;!&ndash;                                                <option>replicate</option>&ndash;&gt;-->
            <!--&lt;!&ndash;                                                <option>openai</option>&ndash;&gt;-->
            <!--&lt;!&ndash;                                            </select>&ndash;&gt;-->
            <!--&lt;!&ndash;                                        </div>&ndash;&gt;-->
            <!--&lt;!&ndash;                                        <div class="col-lg-3"> &ndash;&gt;-->
            <!--&lt;!&ndash;                                            <form>&ndash;&gt;-->
            <!--&lt;!&ndash;                                                <button class="btn" type="submit">Generate</button>&ndash;&gt;-->
            <!--&lt;!&ndash;                                            </form>&ndash;&gt;-->
            <!--&lt;!&ndash;                                        </div> &ndash;&gt;-->
            <!--                                    </div> -->
            <!--                                </div> -->
          </div>
          <!--<div class="popular-tag">
              <p>Popular Tag:</p>
              <a href="blog.html">text-to-video</a>
              <a href="blog.html">Virtual human</a>
              <a href="blog.html">AI Drawing</a>
              <a href="blog.html">AIGC</a>
          </div> -->
        </div>
      </div>
      <div class="col-lg-6">
        <div class="image">
          <img src="../assets/img/DMD-banner5.png" alt="image">
        </div>
      </div>
    </div>
    <div class="scroll-down">
      <a href="#features">
        <div class="mouse"></div>
      </a>
    </div>
  </div>
</div>
<!-- End Banner Area -->

<!-- Start Fetuses Area -->
<section id="features" class="fetuses-area pt-70">
  <div class="container-fluid">
    <div class="row justify-content-center g-0">
      <div class="col-lg-3 col-md-6">
        <div class="single-fetuses-box" data-aos="fade-up" data-aos-duration="1500">
          <div class="icon">
            <!--                                <i class="fi fi-tr-file-user"></i>-->
          </div>
          <h4>Prompt-to-Create</h4>
          <img src="../assets/img/jishudian-1.jpg" alt="jishudian-1">
          <!--                            <p>Prompt-to-Create is an AIGC technology enabling users to create diverse content like text, images, and videos through simple text prompts.</p>-->
          <!--                            <a>Try</a>-->
          <!--a href="about.html">Try</a><-->
        </div>
      </div>

      <div class="col-lg-3 col-md-6">
        <div class="single-fetuses-box" data-aos="fade-up" data-aos-duration="1500">
          <!--                            <div class="icon">-->
          <!--                                <i class="fi fi-tr-graphic-style"></i>-->
          <!--                            </div>-->
          <h4>Seamless  Immersion</h4>
          <img src="../assets/img/jishudian-2.jpg" alt="jishudian-2">
          <!--                            <p>Seamless Immersion technology offers users an effortlessly integrated and highly engaging experience across various digital environments.</p>-->
          <!--                            <a>Try</a>-->
          <!--a href="about.html">Try</a><-->
        </div>
      </div>

      <div class="col-lg-3 col-md-6">
        <div class="single-fetuses-box" data-aos="fade-up" data-aos-duration="1500">
          <!--                            <div class="icon">-->
          <!--                                <i class="fi fi-tr-user-astronaut"></i>-->
          <!--                            </div>-->
          <h4>Adaptive characters</h4>
          <img src="../assets/img/jishudian-3.jpg" alt="jishudian-3">
          <!--                            <p>Adaptive characters are dynamic entities in digital media that evolve and respond based on user interactions or environmental changes, enhancing engagement and personalization.</p>-->
          <!--                            <a>Try</a>-->
          <!--a href="about.html">Try</a><-->
        </div>
      </div>

      <div class="col-lg-3 col-md-6">
        <div class="single-fetuses-box" data-aos="fade-up" data-aos-duration="1500">
          <!--                            <div class="icon">-->
          <!--                                <i class="fi fi-tr-biking-mountain"></i>-->
          <!--                            </div>-->
          <h4>Create with Friends</h4>
          <img src="../assets/img/jishudian-4.jpg" alt="jishudian-4">
          <!--                            <p>Co-Create with Friends enables users to collaboratively generate content in real-time, fostering creativity and teamwork in a shared digital space.</p>-->
          <!--                            <a>Try</a>-->
          <!--a href="about.html">Try</a><-->
        </div>
      </div>
    </div>
  </div>
</section>
<!-- End Fetuses Area -->

<!-- Start About Area -->
<div class="about-area ptb-100 section-bg">
  <div class="container">
    <div class="row align-items-center" data-aos="fade-up" data-aos-duration="1500">
      <div class="col-lg-6">
        <div class="image">
          <img src="../assets/img/DMDtokens.png" alt="image" style="border-radius: 30px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);">
        </div>
      </div>
      <div class="col-lg-6">
        <div class="content">
          <div class="sub-t">ABOUT DMD</div>
          <h2>Dreamworlds:</h2>
          <h3>Your Imagination, Our Community.</h3>
          <p> 🤑 The DMD is an economic and governance token for Dreamworlds.🌌
            <br>1. Users pay and earn DMD tokens through the platform's content economy.</br>
            2. Content Creators earn DMD tokens through platform rewards and through licensing earnings.
            <br>3. Users can vote using DMD tokens and guide the development of the platform.</br>
          </p>
          <!--not now><div class="row">
              <div class="col-lg-4 col-md-4 col-4">
                  <div class="sub-counter">
                      <h3>
                          <span class="odometer" data-count="5000">00</span>
                      </h3>
                      <p>Clients</p>
                  </div>
              </div>
              <div class="col-lg-4 col-md-4 col-4">
                  <div class="sub-counter">
                      <h3>
                          <span class="odometer" data-count="10">00</span>
                          <span class="target">K</span>
                      </h3>
                      <p>Projects</p>
                  </div>
              </div>
              <div class="col-lg-4 col-md-4 col-4">
                  <div class="sub-counter">
                      <h3>
                          <span class="odometer" data-count="250">00</span>
                      </h3>
                      <p>Years</p>
                  </div>
              </div>
          </div><-->
          <a href="https://gleam.io/BxoQG/refer-new-users-to-get-dmd" target="_blank" class="main-btn" ><span></span><i  class="ri-quill-pen-line"></i> GET DMD NOW</a>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- About Area -->
<a class="e-widget no-button" href="https://gleam.io/BxoQG/refer-new-users-to-get-dmd" rel="nofollow">
  Refer new users to get DMD
</a>
<script type="text/javascript" src="https://widget.gleamjs.io/e.js" async="true"></script>

<!-- Start community Area -->
<div class="about-area ptb-100 section-bg">
  <div class="container">
    <div class="row align-items-center" data-aos="fade-up" data-aos-duration="1500">

      <div class="col-lg-12">
        <div class="content">
          <div class="sub-t">OUR COMMUNITY</div>
          <h2>Our mission:
            <br>Revolutionize immersive entertainment</br>
            and empower user imagination. </h2>
          <p>Dreamworlds is poised to become the world's leading AIGC  platform that offers immersive user experience
            <br>in generated worlds with adaptive learning characters.</br></p>
          <!--not now><div class="row">
              <div class="col-lg-4 col-md-4 col-4">
                  <div class="sub-counter">
                      <h3>
                          <span class="odometer" data-count="5000">00</span>
                      </h3>
                      <p>Clients</p>
                  </div>
              </div>
              <div class="col-lg-4 col-md-4 col-4">
                  <div class="sub-counter">
                      <h3>
                          <span class="odometer" data-count="10">00</span>
                          <span class="target">K</span>
                      </h3>
                      <p>Projects</p>
                  </div>
              </div>
              <div class="col-lg-4 col-md-4 col-4">
                  <div class="sub-counter">
                      <h3>
                          <span class="odometer" data-count="250">00</span>
                      </h3>
                      <p>Years</p>
                  </div>
              </div>
          </div><-->
          <a class="main-btn" href="https://t.me/DMDcoinEnglish" target="_blank" ><span></span><i class="ri-quill-pen-line"></i> JOIN IN TG</a>
        </div>
      </div>

    </div>
  </div>
</div>
<!-- community Area -->



<!-- Start Article Area -->
<!--        <div class="article-area ptb-100">-->
<!--            <div class="container">-->
<!--                <div class="row">-->
<!--                    <div class="col-lg-4">-->
<!--                        <div class="section-title">-->
<!--                            <div class="width">-->
<!--                                <div class="sub-t">Our Latest News</div>-->
<!--                                <h2>Latest News & Articles</h2>-->
<!--                                <a class="main-btn" href="blog.html"><span></span><i class="ri-pencil-line"></i> See More</a>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="col-lg-8">-->
<!--                        <div class="article-content owl-carousel owl-theme">-->
<!--                            <div class="item">-->
<!--                                <img src="assets/img/blogs/artical-1.jpg" alt="image">-->
<!--                                <div class="pop-content">-->
<!--                                    <h3><a href="https://www.aicoin.com/zh-CN/article/394558" target="_blank">深度解读Solana：像Apple，但又不同于Apple</a></h3>-->
<!--                                    <ul>-->
<!--                                        <li>March 24, 2024</li>-->
<!--&lt;!&ndash;                                        <li><span>0</span>Comments</li>&ndash;&gt;-->
<!--                                    </ul>-->
<!--                                </div>-->
<!--                                <a href="blog-details.html">-->
<!--                                    <div class="go-corner">-->
<!--                                        <div class="go-arrow">-->
<!--                                            <i class="ri-arrow-right-up-line"></i>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </a>-->
<!--                            </div>-->
<!--                            <div class="item">-->
<!--                                <img src="assets/img/blogs/artical-3.jpg" alt="image">-->
<!--                                <div class="pop-content">-->
<!--                                    <h3><a href="https://www.aicoin.com/zh-CN/article/392461" target="_blank">比特币创人民币价格新高，减半后是利好还是利空？</a></h3>-->
<!--                                    <ul>-->
<!--                                        <li>March 02, 2024</li>-->
<!--&lt;!&ndash;                                        <li><span>0</span>Comments</li>&ndash;&gt;-->
<!--                                    </ul>-->
<!--                                </div>-->
<!--                                <a href="blog-details.html">-->
<!--                                    <div class="go-corner">-->
<!--                                        <div class="go-arrow">-->
<!--                                            <i class="ri-arrow-right-up-line"></i>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </a>-->
<!--                            </div>-->
<!--                            <div class="item">-->
<!--                                <img src="assets/img/blogs/artical-2.jpg" alt="image">-->
<!--                                <div class="pop-content">-->
<!--                                    <h3><a href="https://www.aicoin.com/zh-CN/article/394513" target="_blank">窥探Solana MEV生态：以太坊外的又一片黑暗森林</a></h3>-->
<!--                                    <ul>-->
<!--                                        <li>March 23, 2024</li>-->
<!--&lt;!&ndash;                                        <li><span>0</span>Comments</li>&ndash;&gt;-->
<!--                                    </ul>-->
<!--                                </div>-->
<!--                                <a href="blog-details.html">-->
<!--                                    <div class="go-corner">-->
<!--                                        <div class="go-arrow">-->
<!--                                            <i class="ri-arrow-right-up-line"></i>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </a>-->
<!--                            </div>-->
<!--                            <div class="item">-->
<!--                                <img src="assets/img/blogs/artical-4.jpg" alt="image">-->
<!--                                <div class="pop-content">-->
<!--                                    <h3><a href="https://www.aicoin.com/zh-CN/article/394265" target="_blank">Hotcoin Global将作为一级参展商亮相2024香港Web3嘉年华 探索Web3未来之路</a></h3>-->
<!--                                    <ul>-->
<!--                                        <li>March 20, 2024</li>-->
<!--&lt;!&ndash;                                        <li><span>0</span>Comments</li>&ndash;&gt;-->
<!--                                    </ul>-->
<!--                                </div>-->
<!--                                <a href="blog-details.html">-->
<!--                                    <div class="go-corner">-->
<!--                                        <div class="go-arrow">-->
<!--                                            <i class="ri-arrow-right-up-line"></i>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </a>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!-- End Article Area -->

<!-- Start Brands Area -->
<div class="brands-area pt-70 pb-70">
  <div class="container">
    <div class="row justify-content-between align-items-center">
      <div class="col-lg-2 col-md-2 col-6" data-aos="fade-up" data-aos-duration="1000">
        <div class="image">
          <img src="../assets/img/LLAMA.png" alt="image">
        </div>
      </div>

      <!--<div class="col-lg-2 col-md-2 col-6" data-aos="fade-up" data-aos-duration="1000">
          <div class="image">
              <img src="assets/img/06.png" alt="image">
          </div>
      </div>-->

      <div class="col-lg-2 col-md-2 col-6" data-aos="fade-up" data-aos-duration="1000">
        <div class="image">
          <img src="../assets/img/06.png" alt="image">
        </div>
      </div>

      <!--<div class="col-lg-2 col-md-2 col-6" data-aos="fade-up" data-aos-duration="1000">
          <div class="image">
              <img src="assets/img/06.png" alt="image">
          </div>
      </div>-->

      <div class="col-lg-2 col-md-2 col-6" data-aos="fade-up" data-aos-duration="1000">
        <div class="image">
          <img src="../assets/img/bloom.png" alt="image">
        </div>
      </div>
    </div>
  </div>
</div>
<!-- End Brands Area -->

<!-- Start Team Area -->
<!--<div class="team-area pt-100">
    <div class="container">
        <div class="image-courser owl-carousel owl-theme" data-aos="fade-up" data-aos-duration="1500">
            <div class="courser-item">
                <div class="image-item">
                    <img src="assets/img/about-image-1.jpg" alt="image">
                    <div class="hover-content">
                        <h4>Christian Haol</h4>
                        <p>Web Developer</p>
                        <ul>
                            <li><a href="#"><i class="ri-facebook-fill"></i></a></li>
                            <li><a href="#"><i class="ri-instagram-line"></i></a></li>
                            <li><a href="#"><i class="ri-linkedin-fill"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="courser-item">
                <div class="image-item">
                    <img src="assets/img/about-image-2.jpg" alt="image">
                    <div class="hover-content">
                        <h4>Christian Haol</h4>
                        <p>Web Developer</p>
                        <ul>
                            <li><a href="#"><i class="ri-facebook-fill"></i></a></li>
                            <li><a href="#"><i class="ri-instagram-line"></i></a></li>
                            <li><a href="#"><i class="ri-linkedin-fill"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="courser-item">
                <div class="image-item">
                    <img src="assets/img/about-image-3.jpg" alt="image">
                    <div class="hover-content">
                        <h4>Christian Haol</h4>
                        <p>Web Developer</p>
                        <ul>
                            <li><a href="https://www.facebook.com/"><i class="ri-facebook-fill"></i></a></li>
                            <li><a href="https://www.instagram.com/"><i class="ri-instagram-line"></i></a></li>
                            <li><a href="https://www.linkedin.com/"><i class="ri-linkedin-fill"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="courser-item">
                <div class="image-item">
                    <img src="assets/img/about-image-4.jpg" alt="image">
                    <div class="hover-content">
                        <h4>Christian Haol</h4>
                        <p>Web Developer</p>
                        <ul>
                            <li><a href="https://www.facebook.com/"><i class="ri-facebook-fill"></i></a></li>
                            <li><a href="https://www.instagram.com/"><i class="ri-instagram-line"></i></a></li>
                            <li><a href="https://www.linkedin.com/"><i class="ri-linkedin-fill"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="courser-item">
                <div class="image-item">
                    <img src="assets/img/about-image-5.jpg" alt="image">
                    <div class="hover-content">
                        <h4>Christian Haol</h4>
                        <p>Web Developer</p>
                        <ul>
                            <li><a href="https://www.facebook.com/"><i class="ri-facebook-fill"></i></a></li>
                            <li><a href="https://www.instagram.com/"><i class="ri-instagram-line"></i></a></li>
                            <li><a href="https://www.linkedin.com/"><i class="ri-linkedin-fill"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>-->
<!-- End Team Area -->



<!-- Start Gallery Area  -->
<!--<div class="gallery-area ptb-100">
    <div class="container">
        <div class="gallery-table" data-aos="fade-up" data-aos-duration="1500">
            <div class="section-title">
                <div class="width">
                    <div class="sub-t">Image Generation</div>
                    <h2>Unveil New Creative Horizons with Models</h2>
                </div>

                <ul class="">
                    <li class="item-list play on" data-filter="All">All</li>
                    <li class="item-list play" data-filter="Brand">Brand</li>
                    <li class="item-list play" data-filter="Design">Design</li>
                    <li class="item-list play" data-filter="Motion">Motion</li>
                    <li class="item-list play" data-filter="Printing">Printing</li>
                </ul>

            </div>

            <div class="gallery">
                <div class="item-box All Brand">
                    <img src="assets/img/gallery/gallery-image1.jpg" alt="image">
                </div>
                <div class="item-box All Design">
                    <img src="assets/img/gallery/gallery-image16.jpg" alt="image">
                </div>
                <div class="item-box All Design">
                    <img src="assets/img/gallery/gallery-image11.jpg" alt="image">
                </div>
                <div class="item-box All Printing">
                    <img src="assets/img/gallery/gallery-image2.jpg" alt="image">
                </div>
                <div class="item-box All Printing">
                    <img src="assets/img/gallery/gallery-image7.jpg" alt="image">
                </div>
                <div class="item-box All Printing">
                    <img src="assets/img/gallery/gallery-image3.jpg" alt="image">
                </div>
                <div class="item-box All Printing">
                    <img src="assets/img/gallery/gallery-image4.jpg" alt="image">
                </div>
                <div class="item-box All Brand">
                    <img src="assets/img/gallery/gallery-image6.jpg" alt="image">
                </div>
                <div class="item-box All Motion">
                    <img src="assets/img/gallery/gallery-image8.jpg" alt="image">
                </div>
                <div class="item-box All Design">
                    <img src="assets/img/gallery/gallery-image15.jpg" alt="image">
                </div>
                <div class="item-box All Design">
                    <img src="assets/img/gallery/gallery-image13.jpg" alt="image">
                </div>
                <div class="item-box All Design">
                    <img src="assets/img/gallery/gallery-image12.jpg" alt="image">
                </div>
                <div class="item-box All Design">
                    <img src="assets/img/gallery/gallery-image17.jpg" alt="image">
                </div>
            </div>
            <div class="gallery-btn">
                <a class="main-btn" href="portfolio.html"><span></span><i class="ri-function-line"></i> View All Images</a>
            </div>
        </div>
    </div>
</div>-->
<!-- End Gallery Area -->

<!-- Start Testimonial Area -->
<!--<div class="testimonial-area ptb-100">
    <div class="container">
        <div class="testimonial-content owl-carousel owl-theme">
            <div class="testimonial-item">
                <ul>
                    <li><i class="ri-star-s-fill"></i></li>
                    <li><i class="ri-star-s-fill"></i></li>
                    <li><i class="ri-star-s-fill"></i></li>
                    <li><i class="ri-star-s-fill"></i></li>
                    <li><i class="ri-star-s-fill"></i></li>
                </ul>
                <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using</p>
                <h4>Aloin Lden</h4>
                <span>Web Developer</span>
            </div>
            <div class="testimonial-item">
                <ul>
                    <li><i class="ri-star-s-fill"></i></li>
                    <li><i class="ri-star-s-fill"></i></li>
                    <li><i class="ri-star-s-fill"></i></li>
                    <li><i class="ri-star-s-fill"></i></li>
                    <li><i class="ri-star-s-fill"></i></li>
                </ul>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In aut, tempora iste quidem ipsa eos. Mollitia, illo, nisi laboriosam nostrum</p>
                <h4>Jacob Daniels</h4>
                <span>Engineer</span>
            </div>
        </div>
        <div class="user">
            <img src="assets/img/user-1.jpg" alt="image">
        </div>
        <div class="user">
            <img src="assets/img/user-2.jpg" alt="image">
        </div>
        <div class="user">
            <img src="assets/img/user-3.jpg" alt="image">
        </div>
        <div class="user">
            <img src="assets/img/user-4.jpg" alt="image">
        </div>
    </div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
</div>-->
<!-- End Testimonial Area -->

<!-- Start Pricing Area
<div class="pricing-area pt-100 section-bg">
    <div class="section-title-center">
        <div class="width">
            <div class="sub-t">Best Pricing Plans</div>
            <h2>Our Pricing Plans</h2>
        </div>
    </div>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-4 col-md-6">
                <div class="card">
                    <h2 class="card_title"><i class="ri-vip-crown-line"></i> Student</h2>
                    <h3 class="pricing">$20<span class="small">/per month</span></h3>
                    <hr>
                    <ul class="features">
                        <li>One account</li>
                        <li>Unlimited Projects</li>
                        <li>Download prototypes</li>
                    </ul>
                    <a href="contact.html" class="cta_btn">Buy Now</a>
                </div>
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="card active">
                    <h2 class="card_title"><i class="ri-vip-crown-line"></i> Personal</h2>
                    <h3 class="pricing">$39<span class="small">/per month</span></h3>
                    <hr>
                    <ul class="features">
                        <li>One account</li>
                        <li>Unlimited Projects</li>
                        <li>Download prototypes</li>
                    </ul>
                    <a href="contact.html" class="cta_btn">Buy Now</a>
                </div>
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="card">
                    <h2 class="card_title"><i class="ri-vip-crown-line"></i> Family</h2>
                    <h3 class="pricing">$60<span class="small">/per month</span></h3>
                    <hr>
                    <ul class="features">
                        <li>One account</li>
                        <li>Unlimited Projects</li>
                        <li>Download prototypes</li>
                    </ul>
                    <a href="contact.html" class="cta_btn">Buy Now</a>
                </div>
            </div>
        </div>
    </div>
</div>
 End Pricing  Area -->



<!-- Start Footer Area -->
<footer class="footer-area">
  <div class="container">
    <div class="footer-top-area pt-100">
      <div class="row">
        <div class="col-lg-4 col-md-6 col-sm-6">
          <div class="single-footer-widget">
            <a class="logo">
              <h2>Dreamworlds</h2>
            </a>
            <p>Welcome to your world.</p>

            <ul class="social-links">
              <li><a href="https://t.me/DMDcoinEnglish" target="_blank"><i class="ri-telegram-line"></i></a></li>
              <li><a href="https://twitter.com/Dreamworld49453" target="_blank"><i class="ri-twitter-line"></i></a></li>
              <!--四个icon<li><a href="https://www.linkedin.com/" target="_blank"><i class="ri-linkedin-fill"></i></a></li>
                <li><a href="https://www.youtube.com/" target="_blank"><i class="ri-youtube-line"></i></a></li>-->
            </ul>
          </div>
        </div>

        <div class="col-lg-2 col-md-6 col-sm-6">
          <div class="single-footer-widget pl-5">
            <h3>Links</h3>
            <ul class="links-list">
              <li><a href="http://dreamworlds.ai/">Home</a></li>
              <!--<li><a href="about.html">Pages</a></li>-->
              <li><a href="https://chen-bing-bingsorganization.gitbook.io/dreamworlds/1.project-overview">White paper</a></li>
              <!--<li><a href="pricing.html">White paper</a></li>-->
              <li><a  href="https://t.me/DMDcoinEnglish" target="_blank" >Community（Telegram)</a></li>
              <!--<li><a href="blog.html">Community</a></li>-->
              <!--                                    <li><a>Contact Us</a></li>-->
              <!--<li><a href="contact.html">Contact Us</a></li>-->
            </ul>
          </div>
        </div>


        <!--                        <div class="col-lg-4 col-md-6 col-sm-6">-->
        <!--                            <div class="single-footer-widget">-->
        <!--                                <h3>Legal</h3>-->
        <!--                                <ul class="links-list">-->
        <!--                                    <li><a href="contact.html">Legal</a></li>-->
        <!--                                    <li><a href="terms-conditions.html">Tearms of Use</a></li>-->
        <!--                                    <li><a href="terms-conditions.html">Tearm & Condition</a></li>-->
        <!--                                    <li><a href="contact.html">Payment Method</a></li>-->
        <!--                                    <li><a href="privacy-policy.html">Privacy Policy</a></li>-->
        <!--                                </ul>-->
        <!--                            </div>-->
        <!--                        </div>-->


        <!--                        <div class="col-lg-4 col-md-6 col-sm-6">-->
        <!--&lt;!&ndash;                            <div class="single-footer-widget">&ndash;&gt;-->
        <!--&lt;!&ndash;                                <h3>Newsletter</h3>&ndash;&gt;-->
        <!--&lt;!&ndash;                                <div class="footer-newsletter-info">&ndash;&gt;-->
        <!--&lt;!&ndash;                                    <p>Join over <span>xx,xxx</span> people getting our emails Lorem ipsum dolor sit amet consectet </p>&ndash;&gt;-->
        <!--&lt;!&ndash;                                    <form class="newsletter-form" data-toggle="validator">&ndash;&gt;-->
        <!--&lt;!&ndash;                                        <label><i class='bx bx-envelope-open'></i></label>&ndash;&gt;-->
        <!--&lt;!&ndash;                                        <input type="text" class="input-newsletter" placeholder="Enter your email address" name="EMAIL" required autocomplete="off">&ndash;&gt;-->
        <!--&lt;!&ndash;                                        <button type="submit" class="default-btn"><i class="ri-send-plane-line"></i> Subscribe Now</button>&ndash;&gt;-->
        <!--&lt;!&ndash;                                        <div id="validator-newsletter2" class="form-result"></div>&ndash;&gt;-->
        <!--&lt;!&ndash;                                    </form>&ndash;&gt;-->
        <!--&lt;!&ndash;                                </div>&ndash;&gt;-->
        <!--&lt;!&ndash;                            </div>&ndash;&gt;-->
        <!--                        </div>-->
      </div>
    </div>
    <div class="pr-line"></div>
    <div class="footer-bottom-area">
      <p>© 2024 Dreamworlds.ai | All Rights Reserved </p>
    </div>
  </div>
  <div class="lines">
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
  </div>
</footer>
<!-- End Footer Area -->

<!-- Start Top to Bottom -->
<div id="progress">
  <span id="progress-value"><i class="ri-arrow-up-line"></i></span>
</div>
<!-- End Top to Bottom -->

<!-- Js Linked -->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/bootstrap.bundle.min.js"></script>
<script src="../assets/js/aos.js"></script>
<script src="../assets/js/appear.min.js"></script>
<script src="../assets/js/odometer.min.js"></script>
<script src="../assets/js/owl.carousel.min.js"></script>
<script src="../assets/js/ainext.js"></script>
<script src="walletConnection.js"></script>
<!--        <script>-->
<!--            grecaptcha.ready(function() {-->
<!--                grecaptcha.execute('6LdIlKcpAAAAANjIXXr-7hL8KEGH3qYfrkTSPlOX', {action: 'homepage'}).then(function(token) {-->
<!--                    // 将 token 发送到服务器端进行验证-->
<!--                    // 如果需要，可以在这里执行其他操作-->
<!--                });-->
<!--            });-->
<!--        </script>-->
<div id="connectWalletModal" style="display:none;">
  <button onclick="connectWallet('phantom')">Connect to Phantom</button>
  <button onclick="connectWallet('solflare')">Connect to Solflare</button>
</div>
<button id="connectWalletButton">Connect Wallet</button>
</body>
<!-- MetaMask 连接钱包逻辑 -->
<script src="../assets/js/wallet-test.js"></script>

</html>